<template>
	<view>
		<view class="" v-for="(item, index) in list" :key="item.id">
			<view class="item-view abc">
				<navigator :url="item.url">
					{{item.title}} {{item.time}}{{item.url}}
				</navigator>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [{
					id: 3332,
					title: "store 调用方式",
					subtitle: "全局存储逻辑单元",
					content: "所有接口交互请参照，此示例代码。",
					time: "2022-32-22 32:33:33",
					url: "/pages/index/index"
				}, {
					id: 22,
					title: "API-Demo",
					subtitle: "自定义request调用示例",
					content: "所有接口交互请参照，此示例代码。",
					time: "2023-07-11 32:33:33",
					url: "/pages/apidemo/apidemo"
				}, {
					id: 23,
					title: "VantWeapp-组件示例",
					subtitle: "want调用示例",
					content: "所有接口交互请参照，此示例代码。",
					time: "2023-07-11 32:33:33",
					url: "/pages/vantweapp/vantweapp"
				}, {
					id: 25,
					title: "Dark - 模式自动切换",
					subtitle: "dark调用示例",
					content: "所有接口交互请参照，此示例代码。",
					time: "2023-07-11 32:33:33",
					url: "/pages/darkmodel/darkmodel"
				}, {
					id: 24,
					title: "微信小程序 - 获取手机号",
					subtitle: "wx app",
					content: "所有接口交互请参照，此示例代码。",
					time: "2023-07-11 32:33:33",
					url: "/pages/wxlogin/wxlogin"
				}, {
					id: 26,
					title: "文件下载 - PDF",
					subtitle: "wx DOWNLOAD PDF",
					content: "所有接口交互请参照，此示例代码。",
					time: "2023-07-11 32:33:33",
					url: "/pages/download_file/download_file"
				}]
			}
		},
		onLoad() {
			console.log('加载完毕')
		},
		methods: {

		},

	}
</script>

<style lang="scss">
	.abc {
		color: $uni-color-success;
	}

	.item-view {
		// height: 36px;
		padding: 10px;
	}
</style>